<template>
  <div>
    <!-- <div style="height: 60px; line-height: 60px">
      <Icon type="ios-bookmark" style="vertical-align: middle" />
      <i>{{ tableData.name }}</i>
    </div> -->
    <div>
      <Table
        border
        ref="selection"
        :columns="tableData.columns4"
        :data="tableData.data1"
      >
        <template slot-scope="{ row, index }" slot="updated">
          <span>{{ $moment(row.updated).format("YYYY-MM-DD") }}</span>
        </template>
        <template slot-scope="{ row, index }" slot="created">
          <span>{{ $moment(row.created).format("YYYY-MM-DD") }}</span>
        </template>
      </Table>
    </div>
  </div>
</template>
<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";
import { DeviceUse } from "@/base/model/DeviceUse";
//import { DevicesBloc } from "./DevicesBloc";
@Component({
  components: {},
})
export default class extends Vue {
  @Prop(Object) readonly tableData: any | undefined;
  //bloc: DevicesBloc = new DevicesBloc();
}
</script>
<style lang="less" scoped>
</style>
